.work-flow-container {
    display: flex;
    height: 100%;

    .timeline {
        width: 100px;
        padding: 24px;
        box-sizing: content-box;
        background: #f5f5f5;
    }

    .page-wrapper {
        flex: 1;
        margin-left: 24px;
    }
}

.timeline-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;

    &.selected {
        background: #4c88ff;
    }

    &.finish {
        background: #04aa04;
    }

    &.error {
        background: #fc3c3c;
    }
}